<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- css -->
<link href="../../static/qianduanStaticResource/css/bootstrap.min.css" rel="stylesheet" />
<link href="../../static/qianduanStaticResource/css/fancybox/jquery.fancybox.css" rel="stylesheet">
<link href="../../static/qianduanStaticResource/css/flexslider.css" rel="stylesheet" />
<link href="../../static/qianduanStaticResource/css/style.css" rel="stylesheet" />
 
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<div id="wrapper">
<div class="topbar">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <p class="pull-left hidden-xs"><i class="fa fa-clock-o"></i><span>周一-周六8.00-18.00。周日休息</span>
        <p class="pull-right"><i class="fa fa-phone"></i>电话号码（+001）123-456-789</p>
      </div>
    </div>
  </div>
</div>
	<!-- start header -->
	<header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                  <a class="navbar-brand" href="index.html"><img src="../../static/qianduanStaticResource/img/logo.png" alt="logo"/></a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">Home</a></li> 
						 <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">关于我们 <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="about.html">公司</a></li>
                            <li><a href="#">我们组</a></li>
                            <li><a href="#">最新</a></li>
                            <li><a href="#">投资人</a></li>
                        </ul>
                    </li> 
						<li><a href="services.html">服务</a></li>
                        <li><a href="projects.html">项目</a></li>
                        <li><a href="pricing.html">价钱</a></li>
                        <li class="active"><a href="contact.html">联系</a></li>
                    </ul>
                </div>
            </div>
        </div>
	</header><!-- end header -->
	<section id="inner-headline">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<h2 class="pageTitle">Contact Us</h2>
			</div>
		</div>
	</div>
	</section>
	<section id="content">
	
	<div class="container">
		<div class="row"> 
							<div class="col-md-12">
								<div class="about-logo">
									<h2><span class="coloured">Get</span> in Touch</h2>
									<p>但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。没有快乐就快乐</p>
                                    	<p>但是为了向您展示如何将所有这种指责快乐和赞美痛苦的错误观念完整地描述了这个系统，并阐述了真相伟大探索者的实际教义，并将其展现在人类幸福的大师建造者中。没有快乐就快乐</p>
								</div>  
							</div>
						</div>
	<div class="row">
								<div class="col-md-6">
									<p>Lorem ipsum胡萝卜，增加回扣，但速度快.</p>
								  	
		   <!-- Form itself -->
          <form name="sentMessage" id="contactForm"  novalidate>
	       <h3>Contact me</h3>
		 <div class="control-group">
                    <div class="controls">
			<input type="text" class="form-control" 
			   	   placeholder="Full Name" id="name" required
			           data-validation-required-message="Please enter your name" />
			  <p class="help-block"></p>
		   </div>
	         </div> 	
                <div class="control-group">
                  <div class="controls">
			<input type="email" class="form-control" placeholder="Email" 
			   	            id="email" required
			   		   data-validation-required-message="Please enter your email" />
		</div>
	    </div> 	
			  
               <div class="control-group">
                 <div class="controls">
				 <textarea rows="10" cols="100" class="form-control" 
                       placeholder="Message" id="message" required
		       data-validation-required-message="Please enter your message" minlength="5"
                       data-validation-minlength-message="Min 5 characters"
                        maxlength="999" style="resize:none"></textarea>
		</div>
               </div> 		 
	     <div id="success"> </div> <!-- For success/fail messages -->
	    <button type="submit" class="btn btn-primary pull-right">Send</button><br />
          </form>
								</div>
								<div class="col-md-6">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:500px;width:600px;"><div id="gmap_canvas" style="height:500px;width:600px;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.trivoo.net" id="get-map-data">trivoo</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(40.805478,-73.96522499999998),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(40.805478, -73.96522499999998)});infowindow = new google.maps.InfoWindow({content:"<b>The Breslin</b><br/>2880 Broadway<br/> New York" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
								</div>
							</div>
	</div>
 
	</section>
	<footer>
	<div class="container">
		<div class="row">
			<div class="col-sm-3">
				<div class="widget">
					<h5 class="widgetheading">我们的联系方式</h5>
					<address>
					<strong>MyHome Inc</strong><br>
					JC Main Road, Near Silnile tower<br>
					 Pin-21542 NewYork US.</address>
					<p>
						<i class="icon-phone"></i> (123) 456-789 - 1255-12584 <br>
						<i class="icon-envelope-alt"></i> email@domainname.com
					</p>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="widget">
					<h5 class="widgetheading">快速链接</h5>
					<ul class="link-list">
						<li><a href="#">最新活动</a></li>
						<li><a href="#">条款和条件</a></li>
						<li><a href="#">隐私政策</a></li>
						<li><a href="#">事业</a></li>
						<li><a href="#">联系我们</a></li>
					</ul>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="widget">
					<h5 class="widgetheading">Latest posts</h5>
					<ul class="link-list">
						<li><a href="#">Lorem ipsum dolor坐在amet，私立教育精英.</a></li>
						<li><a href="#">适用于Android和排球。但是每次保留</a></li>
						<li><a href="#">指责快乐和痛苦的错误观念</a></li>
					</ul>
				</div>
			</div>
			<div class="col-sm-3">
					<div class="widget">
					<h5 class="widgetheading">最近的新闻</h5>
					<ul class="link-list">
						<li><a href="#">Lorem ipsum dolor坐在amet，私立教育精英.</a></li>
						<li><a href="#">适用于Android和排球。但是每次保留</a></li>
						<li><a href="#">指责快乐和痛苦的错误观念</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-6">
					<div class="copyright">
						<p>
							Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://www.mycodes.net/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
						</p>
					</div>
				</div>
				<div class="col-sm-6">
					<ul class="social-network">
						<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
						<li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
						<li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../../static/qianduanStaticResource/js/jquery.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.easing.1.3.js"></script>
<script src="../../static/qianduanStaticResource/js/bootstrap.min.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.fancybox.pack.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.fancybox-media.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.flexslider.js"></script>
<script src="../../static/qianduanStaticResource/js/animate.js"></script>
<!-- Vendor Scripts -->
<script src="../../static/qianduanStaticResource/js/modernizr.custom.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.isotope.min.js"></script>
<script src="../../static/qianduanStaticResource/js/jquery.magnific-popup.min.js"></script>
<script src="../../static/qianduanStaticResource/js/animate.js"></script>
<script src="../../static/qianduanStaticResource/js/custom.js"></script>

 <script src="contact/jqBootstrapValidation.js"></script>
 <script src="contact/contact_me.js"></script>
</body>
</html>